.profile-info-name {
    text-align: right;
    padding: 6px 10px 6px 4px;
    font-weight: normal;
    color: #667E99;
    background-color: transparent;
    border-top: 1px dotted #D5E4F1;
    display: table-cell;
    width: 60px;
    vertical-align: middle;
}

.profile-user-info {
    height : 35px !important;	
}
.pageFooter{
	position: fixed !important; 
	bottom: 0px; 
	height: 68px; 
	margin: 0px;
}

.jdInfoList{
	display : flex;
}

.jdInfoList-grid{
	flex : 1;
}

.jdInfoList-oper{
	width : 10%;
	max-width:120px;
	min-width:80px;
	display : flex;
}

.btn.btn-app.btn-xs {
    width: 100% !important;
    font-size: 15px;
    border-radius: 8px;
    padding-bottom: 7px;
    padding-top: 8px;
    line-height: 1.45;
}

.each_undish{
	width:98% !important; 
	padding:0 !important;
	font-size:13px !important; 
	margin:-3px 0 !important;
}

each_undish .current{
	color:#fff !important;
	border:2px solid #d15b47 !important;
}
.each_undish .btn-app{
	width:100% !important; 
/* 	padding:5px 0 !important; */
	font-size:15px !important;
}
.dish_content{
	width:100%;
}
.each_top{
	width:100%;
	line-height:30px !important;
}
.eachName{
/* 	color:#85b558; */
	color:#008000;
	margin-right:2%;
	max-width:60%;
	overflow:hidden;
	margin-left:3%;
}
.eachName span{color:#428BCA;font-weight: bold;}
.eachPirce{color:#9585BF;}
.allPirce{color:#f89406;margin-left: 10px;}
.eachRight{margin-left:auto;margin-right:3%;}
.eachNumber{
	color:#f89406;
	font-size: 22px;
	cursor: pointer;
}
.each_bottom{
	width:100%;
	padding-left:3%;
	text-align:left;
	display:flex;
	align-items:center;
	font-size:10px;
	line-height:20px !important;
}
.eachRemark{
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical;
	margin-left:3%;
}
.btn.btn-app.dish_content{
	display: inline-block;
    width: 100px;
    font-size: 18px;
    font-weight: normal;
    color: #FFF;
    text-align: center;
    text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2) !important;
    border: none;
    border-radius: 12px;
    padding: 12px 0 8px;
    margin: 1px;
    line-height: 1.7;
    position: relative;
}
.each_undish .btn.btn-app.btn-light.no-radius.dish_content.current{ 
	border:2px solid #d15b47 !important;
	margin : 2px;
}

.super_flag:before{
    content: '\2605';
    font-size: 20px;
    color: #cc00ff;
}

.badge-deposit{
	font-size: 12px;
	color: black !important;
	padding: 0 5px;
}

.btn:focus .badge-deposit{
	color: black !important;
}

.badge-ktjs{
	font-size: 12px;
	color: black!important;
	padding: 0 5px;
}

.btn:focus .badge-ktjs{
	color: black!important;
}

.badge-ktxf{
	font-size: 12px;
	color: black!important;
	padding: 0 5px;
}

.btn:focus .badge-ktxf{
	color: black!important;
}

.icon-deposit{
	color: #006400 !important;
}

.icon-ktjs{
	color: #FF0000 !important;
}

.icon-ktxf{
	color: #794af5 !important;
}

#shoupaiList label.btn-primary,#shoupaiList label.btn-primary:focus {
    background-color: #93c6e8 !important;
    border-color: #93c6e8 !important;
    color:blue !important;
}

.open-table-option-amount{
	display : flex;
}

.open-table-option-amount-header{
    width: calc(10%);
    display: flex;
    font-size: 16px;
    font-weight: bold;
    color: blue;
    justify-content: center;
    align-items: center;
}

.open-table-option-amount-content{
	flex : 1;
}

.open-table-opetion-amount-num,.open-table-opetion-amount-money{
	display : flex;
	height : 30px;
	align-items: center;
}

.open-table-opetion-amount-item{
	min-width : 100px;
	width : calc(33.33%);
}

.open-table-opetion-amount-money span,.open-table-opetion-amount-num span{
	font-size : 14px;
	font-weight : bold;
	color : green;
}

.open-table-opetion-amount-money font,.open-table-opetion-amount-num font{
	font-size : 14px;
	font-weight : bold;
	color : blue;
}

.amount-column.col-sm-4{
	padding : 0px;
}

.amount-column .profile-info-name{
	width:34px !important;
	padding: 6px 2px;
}

.amount-column .profile-user-info{
	margin:0px !important;
    width: calc(100%) !important;
}

.amount-column .profile-info-value {
/* 	width : calc(100%-44px) !important; */
	padding: 6px 2px;
}

.eachName {
    color: #008000;
    margin-right: 2%;
    max-width: 60%;
    min-width: 60px;
    overflow: hidden;
    margin-left: 3%;
}

.eachRight.flex{
	flex-wrap : wrap;
	justify-content: flex-end;
}

.col-md-16-label{
    width: 16.6667%;
    position: relative;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px;
}
.col-md-20-label{
    width: 20.6667%;
    position: relative;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

.widget-main {
    padding: 6px 8px 6px 8px;
}		

  
      .form-group {
    margin-bottom: 4px;
}
.page-content {
    background-color: #FFF;
    position: relative;
    margin: 0px;
    padding: 0px 10px 14px;
}

.panel-body {
   padding-bottom:6px;
   padding-top:6px;
   padding-left:15px;
   padding-right:15px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border-radius: 0px !important;
    color: #858585;
    background-color: #FFF;
    border: 1px solid #D5D5D5;
    font-size: 13px;
    font-family: inherit;
    box-shadow: none !important;
    transition-duration: 0.1s;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}			



select.form-control {
    padding: 0px 6px;
}			

hr {
    margin-top: 6px;
    margin-bottom: 6px;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #EEE -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}
label {
    font-size: 13px;
}
.well{
    margin-top: 6px;
    margin-bottom: 6px;
}			
                        
.inputlabel {
    border-radius: 0px !important;
    color: #858585;
    background-color: #FFF;
    border:none !important;
    font-size: 13px;
    font-family: inherit;
    box-shadow: none !important;
    transition-duration: 0.1s;
}

.jqgridTextCss{
    background-color: #f9f9f9;
}

.idcard-item:hover {
    background-color: #F4F9FD;
    border-left: 1px dotted #D0D8E0;
    border-right: 1px dotted #D0D8E0;
    border-top: 1px dotted #D0D8E0;
    border-bottom: 1px dotted #D0D8E0;
}

.idcard-item {
    margin-top: 5px;
      border-bottom: 1px solid #D0D8E0;
      font-size :闂佽法鍠愰弸濠氬箯閿燂拷14px;
}

.idcard-ele {
      border-bottom: 1px dotted #D0D8E0;
}

.idcard-ele > label > font{
      font-size: 12px;
}

.idcard-ele > b{
      font-size: 16px;
}

.idcar-title{
    border-bottom: 1px dotted blue;
}

.idcard-item .ele-last{
      border-bottom: 0px dotted #D0D8E0;
}

.idcard-box img {
    border: 1px solid #C9D6E5;
    border-radius: 0%;
    width: 80px;
    height : 98px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    box-shadow: none;
}
.load{
    position: absolute; 
    top: 55%;
    left: 45%;
    width: auto;
    height: auto;
    z-index: 99999;
    padding: 6px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    background-color: #FFF;
    border: 2px solid #8EB8D1;
    color: #E2B018;
}

.sidebar-info{
    margin: 0 auto;
    display:table;  
    width:100%;  
    table-layout:fixed;  
    word-wrap:break-word;
}
.sidebar-info-row{
    display: table-row;
}
.sidebar-info-name{
    text-align: right;
    padding: 6px 10px 6px 4px;
    font-weight: normal;
    color: #667E99;
    background-color: transparent;
    border-bottom: 1px dotted #D5E4F1; 		
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.sidebar-info-value{
     display: table-cell; 
    padding: 6px 4px 6px 6px;
    border-bottom: 1px dotted #D5E4F1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}

/* scroll闂佽法鍠栭幗顏嗘兜闁垮顏堕梺璺ㄥ枑閺嬪骞忓畡鎵  */
.relativeDiv{
    position:relative;
    z-index:5;
    background-color:white;
    margin-left:-10px;
}

.fixDiv{
    position:fixed;
    z-index:5;
    background-color:white;
    margin-left:-10px;
    top:0px;
}

/* 濡炪倗鏁婚弫鎾诲棘閵堝棗顏跺鑸垫尦閺佹捇寮妶鍡楊伓闂佽法鍠愰弸濠氬箯瀹勬壆鍟查梺璺ㄥ枑閺嬪骞忛悜鑺ユ櫢闁哄倶鍊栫�氱懓顕ｈ箛娑欐櫢闁哄倶鍊栫�氬綊鏌ㄩ悢鍛婄伄闁瑰嚖鎷�   */
.footer {
    padding-top: 0px !important;
}	

.page-content{
    padding-top: 0px !important;
}

.page-header {
    margin: 0 0 6px !important;
    border-bottom: 1px dotted #e2e2e2;
    padding-bottom: 7px !important;
    padding-top: 7px;
}
/* body闂佽法鍠愰弸濠氬箯閻戣姤鏅搁柡鍌樺�栫�氬綊鏌ㄩ悢鍛婄伄闁瑰嚖鎷� */
body.no-skin{
    overflow:hidden;
}

.rcode-grid-cell{
    background:#6fb3e0 !important;
}

.highlight {
    background-color : rgba(184, 211, 169, 0.4);
/* 	    #C7D3A9  */
}
.beforeSelectd {
    background-color : #C7D3A9;
    border : solid 2px red !important;
/* 	     !important */
}

.profile-info-name {
    text-align: right;
    padding: 6px 10px 6px 4px;
    font-weight: normal;
/* 	    color: #667E99; */
    background-color: transparent;
    border-bottom: 1px dotted #D5E4F1;
    border-top: 0px dotted #D5E4F1 !important;
    display: table-cell;
    width: 80px;
    width:100px;
    vertical-align: middle;
    color : black !important;
}

.profile-info-value {
    display: table-cell;
    padding: 6px 4px 6px 6px;
    border-bottom: 1px dotted #D5E4F1;
    border-top: 0px dotted #D5E4F1 !important;
}

.profile-info-value span{
    font-size: 15px;
    color: cornflowerblue !important;
}

.profile-info-value span.editable-empty{
    font-size: 12px;
    color: #BBB !important;
}

.profile-info-name {
    border-top: none;
}

.profile-info-row:first-child .profile-info-name {
    border-top: none;
}
.profile-info-row:first-child .profile-info-value {
    border-top: none;
}

.profile-info-row:last-child .profile-info-name {
    margin-bottom: 5px;
}
.profile-info-row:last-child .profile-info-value {
    margin-bottom: 5px;
}

.nszxz45{/* 闂佽法鍠愰弸濠氬箯閿燂拷(n)闁哄喛鎷�(s)闂佽法鍠愰弸濠氬箯閿燂拷(z)闂佽法鍠愰弸濠氬箯閿燂拷(x)閺夌儑鎷�(z)45闂佽法鍠愰弸濠氬箯閿燂拷 */
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); 	/* IE 9 */
    -moz-transform:rotate(-45deg); 	/* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari 闂佽法鍠愰弸濠氬箯閿燂拷 Chrome */
    -o-transform:rotate(-45deg); 	/* Opera */
}

.sszxz90{/* 濡炪倧鎷�(s)闁哄喛鎷�(s)闂佽法鍠愰弸濠氬箯閿燂拷(z)闂佽法鍠愰弸濠氬箯閿燂拷(x)閺夌儑鎷�(z)90闂佽法鍠愰弸濠氬箯閿燂拷 */
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 闂佽法鍠愰弸濠氬箯閿燂拷 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */
}

.overDiv{
    opacity: 0.5;
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
}

.whiteTd{/* 闂佽法鍠愰弸濠氬箯閻戣姤鏅搁柟鎼簼閸炲骞忛悜鑺ユ櫢闁哄倶鍊栫�氬綊鏌ㄩ悤鍌涘  */
    BORDER-RIGHT: white 1px solid; 
/*  		BORDER-TOP: white 1px solid;    */
/* 		BORDER-LEFT: white 1px solid;     */
/*  		BORDER-BOTTOM: white 1px solid;    */
}

.jqgridFontBlue {/* jqgrid 闂佽法鍠愰弸濠氬箯瀹勬澘甯楅梺璺ㄥ枑閺嬪骞忛敓锟� 闂佽法鍠愰弸濠氬箯閻戣姤鏅搁柡鍌樺�栫�氬綊鏌ㄩ悢鍛婄伄闁归鏌夋竟锟�*/
    color : blue;
}

.inputRedBack{
    background-color : red !important;
    color : white !important;
}

.refresh{
    border: none;
    background: transparent none;
    color: black;
    text-shadow: none;	
    padding: 4px 12px;
    line-height: 20px;
    outline:none;
}
.refresh:hover{
    background-color:#e3e3e3;
}
.refresh:active{
    background-color:#abbac3;
}
.progress-bar1{
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #5cb85c;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

/*闂侇偄顦甸弫鎾诲棘閵堝棗顏堕梺璺ㄥ枑閺嬪骞忛悿顖涚暚闂佽法鍠愰弸濠氬箯閻戣姤鏅搁柨鐕傛嫹*/
.tdRedColor {
    color : red;
}

.tdYellowBackground{
    background : yellow;
}

.tdSelected{
    background : #6fb3e0 !important;
}

.btn-info.disabled{
    pointer-events : none;
    background : #a0a0a06b !important;
    color : #a0a0a06b !important;
    border-color : #a0a0a06b !important;
}

/* 闂佽法鍠愰弸濠氬箯閻戣姤鏅搁柡鍌樺�栫�氬綊鏌ㄩ悢鐑橀獎闂傚牃鏅滅�氾拷 */
.ratedaily{
    background : #ffe100;
    font-color:orange !important;
    font-weight : bold;
}

.rate {
    font-weight : bold;
}

.necessary-filling{
    font-weight: bold;
    color: rgba(128, 0, 0, 1) !important;
}

/* 闂佽法鍠愰弸濠氬箯閻戣姤鏅搁柡鍌樺�栫�氬綊鏌ㄩ悢鐑橀獎闂傚牃鏅滅�氾拷 */
.ratedaily{
    background : #ffe100;
    font-color:orange !important;
    font-weight : bold;
}
.rate {
    font-weight : bold;
}

.editable-show{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

 .editRate{
     background-color : yellow;
 }
 
 .editRate1{
     background-color : #6fb3e0 !important;
     color : white;
 }
 
 /*闁哄鐗愰～澶愩�佺�ｎ喖妫橀柛銉戝懏鎲� */
 .borderText{
    display:block;
    width:60px;
    height:10px;
    position:relative;
    left:2px;
    top:-14px;
    text-align: center;
    background: white;
}
.avatar{
    position: absolute;
    width: 275px;
    height: 150px;
    background: #d9d9d9;
    opacity: 0;
    z-index: 9999;
    border-radius:50% !important;
}

/*澶氱骇鑿滃崟*/
.widget-list{
    width:100%;
    overflow: auto;
    text-align:left;
    padding: 5px 0;
}
.widget-menu-list{
    white-space:nowrap;
    border-bottom:1px solid #428bca;
}
.widget-menu-item{
    color:#000;
    height: 35px; 
    line-height: 35px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding:0 20px;
    margin:0 3px;
}
.widget-item.active{
    background:#428bca;
    color:#fff;
}
.widget-item:hover{
    background:#428bca;
    color:#fff;
}
.widget-sub-menu-list{
    margin:.3rem 0;
    display:none;
    max-height: 100px;
    overflow:auto;
}
.widget-sub-menu-item{
    border:1px solid #428bca;
    border-radius:3px;
    margin: 1px 3px;
    height: 30px;
    line-height: 30px;
    padding:0 10px;
    color:#428bca;
    display:none;
    vertical-align:middle;
}
.widget-last-menu-item{
    color:#428bca;
    background:#fff;
    border:none;
    border-radius:5px;
    margin: 3px;
    height: 25px;
    line-height: 25px;
    padding:0 10px;
    display:none;
}
.widget-last-menu-item.active{
    background:linear-gradient(45deg, 
        rgba(66,139,202, .7) 0, rgba(66,139,202, .7) 25%, #428bca 25%, #428bca 50%, 
        rgba(66,139,202, .7) 50%, rgba(66,139,202, .7) 75%, #428bca 75%, #428bca
        );
    background-size: 50px 50px;  
    color:#fff;
}
.widget-last-menu-list{
    display:none;
    border-top:1px solid #428bca;
}
.widget-item{
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
}
.widget-item.active{
    position:relative;
    font-weight:normal;
}

.clearfix{
    clear:both;
}
.custom_menu_bar{
    width:100%;
    display:flex;
    align-items:center;
    margin: 10px 0;
}	
.custom_menu_item{
    display:inline-flex;
    align-items:center;
    position:relative;
    margin:0 10px;
    color:#999;
    cursor:pointer;
    padding:4px 13px;
}
.custom_menu_item:hover{
    background:rgba(111,179,224,.5);
    color:#fff;
}
.custom_menu_item:nth-child(1){
    margin-left:0;
}
.custom_menu_item:after{
    content:"";
    position:absolute;
    right: -10px;
    top:calc( 50% - 5px );
    height:10px;
    width:1px;
    background: #d2d2d2;
}
.custom_menu_item:nth-last-child(1):after{
    content:"";
    background: transparent;
}
.custom_menu_item.active{
    background:#6fb3e0;
    color:#fff;
    font-weight: normal;
}
.custom_menu_item.active:before{
    content:"";
    position:absolute;
    border-width:6px;
    border-style:solid;
    border-color:#6fb3e0 transparent transparent transparent;
    bottom:-12px;
    left:calc( 50% - 3px);
}
.custom_menu-icon{
    margin-right:5px;
}
.flex{
    display:flex;
    align-items:center;
}
.inlineflex{
    display:inline-flex;
    align-items:center;
}
.query-item{
    margin-right:12px !important;
    background-color:#fff !important;
}
.query-item:focus option{
    background-color:#fff !important;
}
.underline{
    text-decoration:underline;	
}
.margin_left_auto{
    margin-left:auto;
}
.faded{
    color:#999;
}
.no_guest .text{
    margin:70px auto;
    width:70%;
}
.textright{
    text-align:right;
}
.alarm{
    color:#d15b47;
}
.empty{
    margin:50px auto;
    text-align:center;
}
.nav_menu_item{
    padding:5px 15px;
    border-bottom:2px solid transparent;
}
.nav_menu_item.active{
    border-bottom:2px solid #4C8FBD;
    font-weight:normal;
    transition:all ease .3s;
    -webkit-transition:all ease .3s;
    color:#4C8FBD;
}
.nav_menu_item:hover{
    color: #4C8FBD;
}
.nav_menu_container{
}
.nav_menu_container .chose-item{
    display:none;	
}

.hs-checkbox-grid .icon-check{
    top: 12px;
}
.roomDivInline{
    display: inline;
    float: left;
}
.roomBox{
    border: 1px solid #abb6a9 !important;
    border-radius: 3px !important;
    padding: 5px !important;
    margin-bottom: 2px !important;
    margin-left: 5px !important;
    position: relative !important;
    height: 30px !important;
    width: 70px !important;
    text-align: center;
}
.roomBox.selected{
    border:1px solid #abb6a9 !important;
}

.dropdown-menu.dropdown-caret:before{
    right: 9px !important;
    left: 246px !important;
}

.dropdown-menu.dropdown-caret:after{
    right: 10px !important;
    left: 245px !important;
}

.dropdown-preview {
    margin: 0 5px;
    display: inline-block;
}
.dropdown-preview  > .dropdown-menu {
    display: block;
    position: static;
    margin-bottom: 5px;
    
}

.margin-left-6{
    margin-left:6px;
}
tr.selected{
    background:#C7D3A9 !important;
    background-color:#C7D3A9 !important;
}

.loading{
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}